{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

<div class="m24-c-transition m24-t-top-light m24-t-bottom-green"><hr></div>

<section class="m24-c-showcase m24-t-green">
  <div class="m24-c-content">
    <header class="m24-c-showcase-text">
      <h2 class="m24-c-showcase-title">{{ ftl('m24-home-rise25-awards') }}</h2>
      <p class="m24-c-showcase-body">{{ ftl('m24-home-get-to-know') }}</p>
    </header>

    <div class="m24-c-showcase">
      <div class="m24-c-showcase-media m24-t-media-three">
        {{ resp_img(
          url="img/home/2024/showcase/showcase-3-720.jpg",
          srcset={
            "img/home/2024/showcase/showcase-3-360.jpg": "360w",
            "img/home/2024/showcase/showcase-3-720.jpg": "720w",
          },
          sizes={
            "(min-width: 480px)": "240px",
            "(min-width: 768px)": "360px",
            "default": "180px",
          },
          optional_attributes={
            "loading": "lazy",
            "alt": ftl('m24-home-alt-rise25-proud'),
            "height": "360",
            "width": "360",
            'class': 'm24-c-showcase-image image-one',
          }
        ) }}

        {{ resp_img(
          url="img/home/2024/showcase/showcase-2-720.jpg",
          srcset={
            "img/home/2024/showcase/showcase-2-360.jpg": "360w",
            "img/home/2024/showcase/showcase-2-720.jpg": "720w",
          },
          sizes={
            "(min-width: 480px)": "240px",
            "(min-width: 768px)": "360px",
            "default": "180px",
          },
          optional_attributes={
            "loading": "lazy",
            "alt": ftl('m24-home-alt-rise25-smiling'),
            "height": "360",
            "width": "360",
            'class': 'm24-c-showcase-image image-two',
          }
        ) }}

        {{ resp_img(
          url="img/home/2024/showcase/showcase-1-720.jpg",
          srcset={
            "img/home/2024/showcase/showcase-1-360.jpg": "360w",
            "img/home/2024/showcase/showcase-1-720.jpg": "720w",
          },
          sizes={
            "(min-width: 480px)": "240px",
            "(min-width: 768px)": "360px",
            "default": "180px",
          },
          optional_attributes={
            "loading": "lazy",
            "alt": ftl('m24-home-alt-rise25-joyous'),
            "height": "360",
            "width": "360",
            'class': 'm24-c-showcase-image image-three',
          }
        ) }}
      </div>
    </div>

    <p class="m24-c-section-cta"><a href="https://www.youtube.com/watch?v=QzDUMpJbLiM" class="m24-c-cta" rel="external noopener" data-cta-text="Watch the award show">{{ ftl('m24-home-watch-the-award') }}</a></p>
  </div>
</section>
